<template>
	<view class="v-home-page">
		<block v-if="isPrivacy">
			<xh-privacy title="隐私保护指引" theme="direction" @onHandleAgree="onHandle" background="rgba(0, 0, 0, .5)"
				color="#0055ff"></xh-privacy>
		</block>
		<view :style="{ height: navTop + 'px' }"></view>

		<view id="barTitle" :style="{ opacity: opacityStyle, height: heightSystemss+Number(50) + 'px' }"
			v-show="!hiddenModel">
			<text>首页</text>
		</view>

		<image class="imgFont margin-top_16rpx" :src="system.logo?system.logo:''" mode="scaleToFill"></image>
		<!-- 轮播图 -->
		<swiper v-if="carousel" autoplay="true" class="i-cover ":circular="true">
			<swiper-item v-for="(item, index) in carousel" :key="index">
				<image class="i-cover-img" :src="item.pic_url" @click="bananUrl(item)"></image>
			</swiper-item>
		</swiper>

		<!-- 通知 -->

		<view class="notice" >
			<view class="flex-start-center">
				<image class="noticeIcon" :src="group3166" mode=""></image>
				<view class="line">
					|
				</view>
				<view class="return-index flex" v-if="shareList.length">

					<swiper class="swiper" :autoplay='autoplayBoolen' vertical=true circular
						:indicator-dots="indicatorDots" :duration="duration">
						<view v-for="(item,i) in shareList" :key="i" @click="returnHome(item)">
							<swiper-item>
								<view class="swiper-item uni-bg-red ">


									<text class="font-overflow" style="color: #000;font-size: 26rpx;">{{item.title}}
									</text>
								</view>

							</swiper-item>
						</view>

					</swiper>


				</view>
			</view>
		</view>

		<!-- 常用工具 -->

		<view class="utilities">
			<view class="flex-between margin-bottom_20rpx">
				<view class="font-weight_bold" style="font-family: 阿里巴巴普惠体 2.0 95 ExtraBold;font-size: 34rpx;">
					常用工具
				</view>
				<view class="flex-start-center " style="color: #666666;margin-top: 8rpx;" @click="helpCenter()">
					<uni-icons type="help" size="24" class="" style="margin-top: 5rpx;"></uni-icons> 帮助中心
				</view>
			</view>

			<view class="flex-between" v-if="serviceList.length==3">
				<view @click="hotSellingFn(serviceList[0].url)">
					<!-- <image class="group3141" :src="group3141" mode=""></image> -->
					<image class="group3141" :src="serviceList[0].pic_url" mode="scaleToFill"></image>

				</view>

				<view class="margin-left_16rpx">
					<image @click="keywordCreationFn(serviceList[1].url)" class="group3138"
						:src="serviceList[1].pic_url" mode=""></image>
					<image @click="gatherNav(serviceList[2].url)" class="group3139" :src="serviceList[2].pic_url"
						mode=""></image>
				</view>
			</view>
			<view class="" v-if="serviceList.length==2">
				<!-- <view @click="hotSellingFn(serviceList[0].url)">
					
					<image class="group3141" :src="serviceList[0].pic_url" mode=""></image>
			
				</view> -->

				<view class=" flex-between">
					<image @click="keywordCreationFn(serviceList[0].url)" class="group3138"
						:src="serviceList[0].pic_url" mode=""></image>
					<image @click="gatherNav(serviceList[1].url)" class="group3139" :src="serviceList[1].pic_url"
						mode=""></image>
				</view>
			</view>
			<view class="" v-if="serviceList.length==1">
				<image @click="gatherNav(serviceList[0].url)" class="group3139" style="width: 100%;"
					:src="serviceList[0].pic_url" mode="scaleToFill"></image>
			</view>

			<view class="flex-align-center classContianer flex-wrap" v-if="tabList.length">
				<block v-for="(item, index) in tabList" :key="index">
					<view class="flex-column v-class" @click="tabListCk(item)">
						<image :src="item.img"></image>
						<text>{{item.text}}</text>
					</view>
				</block>
			</view>


			<!-- 	<view class="tabListClass flex-between margin-top_16rpx">
				<view class="flex-column" v-for="(item,index) in tabList" :key="index" @click="tabListCk(item)">
					<image class="imgTab" :src="item.img" mode=""></image>
					<text style="margin-top: 10rpx;font-size: 26rpx;color: #000000;">{{item.text}}</text>
				</view>

			</view> -->

		</view>
		<view class="" @click="creativeListFn()" v-if="advertList.length">
			<image class="CreativeCenter" :src="advertList[0].pic_url" mode=""></image>

		</view>
		<view class="tabsPosition" :style="{ marginTop:advertList.length?'0rpx':'30rpx' }"  v-if="template_open==1">
			<v-tabs v-if="tabs.length" v-model="cIndex" :tabs="tabs" bgColor="transparent" activeColor="#386EFF"
				@change="e=>changeTab(e)" fontSize="28rpx"></v-tabs>

			<view class="flex-end sortPosition" style="color:#1a1a1a ;font-weight: 700;" @click="sortFn()">
				更多
				<uni-icons color="#1a1a1a" type="right" size="15"></uni-icons> 
			</view>

		</view>
		<mescroll-body v-if="template_open==1" ref="mescrollRef" :height="windowHeight+'rpx'" @init="mescrollInit" @down="downCallback"
			@up="upCallback" :up="upOption" :down="downOption">
			<view class="flex-wrap-justifyBetween">

				<view class="templateCenter" v-for="(item,index) in list" :key="index" @click="sameStyle(item)">
					<image class="templateCenterImg" :src="item.outUrl+'?x-oss-process=video/snapshot,t_0,f_jpg'"
						mode="aspectFill"></image>
					<view class="viewSearch">
						<image class="gradientImg" :src="PurpleBg" mode="aspectFill"></image>
						<view class="flex-around arrows text-align_center" style="width:342rpx">
							<view class="">
								<view style="color: #4053FB;">{{totelName(item.exposure)}}</view>
								<view style="color:#666666;">曝光量</view>
							</view>

							<view class="">
								<view style="color: #4053FB;">{{totelName(item.callCount)}}</view>
								<view style="color:#666666;">使用人数</view>
							</view>
						</view>
						<view class="sameStyle flex-between">


							<view class="sameStyleBtn flex ">
								剪同款
							</view>
						</view>
					</view>
				</view>

			</view>
		</mescroll-body>

		<sunui-popup ref="routeLine">
			<template v-slot:content>

				<view class="">
					<view class="flex-between border-bottom-ECECEC" style="padding: 0 0 20rpx;">
						<view class="">

						</view>
						<view class="font-weight_bold text-align_center  font-size_32rpx">
							重要通知
						</view>
						<uni-icons style="margin-right: 20rpx;" type="closeempty" size="20"
							@click="closeRouteLine()"></uni-icons>



					</view>
					<view class="almost-lottery__rule margin-top_30rpx">

						<scroll-view :scroll-y="true" style="height: 500rpx;">
							<uv-parse :content="noticeObj.content" :selectable="true"></uv-parse>
						</scroll-view>
						<view class="height50">

						</view>


					</view>
				</view>
			</template>
		</sunui-popup>


	</view>
</template>

<script>
	function unparam(str = '', unDecodeURI) {
		let result = {};
		let arr = str.split('&');
		arr.forEach((item, idx) => {
			let param = item.split('='),
				name = param[0],
				value = param[1] || '';
			if (name) {
				result[name] = unDecodeURI ? value : decodeURIComponent(value);
			}
		});

		return result;
	}
	export default {
		data() {
			return {
				isPrivacy: uni.getStorageSync("privacy") ? false : true,
				options: {},
				uid: uni.getStorageSync('uid'),
				list: [],
				fontSizBg: this.$imgs.fontSizBg,
				PurpleBg: this.$imgs.PurpleBg,

				group3166: this.$imgs.group3166,
				group3139: this.$imgs.group3139,
				creativeCenter: this.$imgs.creativeCenter,
				group21: this.$imgs.group21,
				group3141: this.$imgs.group3141,
				group3138: this.$imgs.group3138,
				gradient: this.$imgs.gradient,
				scrollTop: 0, //滚动距离
				hiddenModel: true, //显示影藏
				opacityStyle: 0, //透明度
				pid: '',
				// 模版中心

				tabs: [

				],
				cIndex: 0,
				duration: 3000,
				indicatorDots: false,
				autoplayBoolen: true,
				heightSystemss: 0,

				navTop: '',
				serviceList: [],



				carousel: [{
					pic_url: ''
				}],

				tabList: [{
						img: this.$imgs.group3142,
						text: '热点话题',
						url: '/pagesA/creatCenter/realHotspots/realHotspots'
					},
					{
						img: this.$imgs.group3145,
						text: 'AI标题',
						url: '/pagesA/creatCenter/aITitle/aITitle'
					},
					{
						img: this.$imgs.group3143,
						text: '数字人',
						url: '/pages/digitalHuman/cloneType'
					},
					{
						img: this.$imgs.group3144,
						text: '任务达人',
						url: '/pages/questingAdventurer/questingAdventurer'
					},
					{
						img: this.$imgs.group3158,
						text: '矩阵发布',
						url: '/pages/matrix/matrixIndex'
					},

				],

				shareList: [],
				pid: '',
				classifyList: [],
				windowHeight: 900,
				system: '',
				noticeObj: {},
				advertList: [],
				template_open:''

			}
		},
		onLoad(options) {
			const app = getApp();
			this.navTop = app.globalData.navTop;

			// unparam转对象
			console.log('options', options)
			if (options.pid) {
				uni.setStorageSync('pid', options.pid);
			}

			let result = decodeURIComponent(options.scene ? options.scene : '');
			console.log(result, 'result')
			// 二维码扫码获取到的
			// this.options = unparam(result);
			if (result) {
				this.options.pid = result;
			}
			console.log(this.options)
			/* 当用户扫描二维码进入小程序时，统一是scene。以pid保存（在登录页面中包含） */
			if (this.options.pid) {
				uni.setStorageSync('pid', this.options.pid);
			}



			this.createdgetSystemInfo()
			this.banner()
			this.userInfos()
			this.tallySetFn()

			this.templateClassificat()

			this.templateSet()

			this.systemFn()
			this.clipSetFn()
			this.uploadSetFn()

			// wx.getVideoInfo({
			// 	src: 'https://yunhunjian123.oss-cn-shanghai.aliyuncs.com/1752063778367_.7231b8688155e60259ca832f2600d3fe.mp4',
			// 	success: function(info) {
			// 		console.log(info); // 输出视频信息
			// 	},
			// 	fail: function(err) {
			// 		console.error(err);
			// 	}
			// })



			wx.getSystemInfo({
				success: (res) => {
					let platform = res.system;
					// this.windowHeight = res.windowHeight * 2 - 800;

				}
			});

		},

		computed: {
			totelName: function() {
				return function(num) {
					if (num >= 10000000) { // 如果是千万
						let remainder = num % 10000000;
						let quotient = Math.floor(num / 10000000);
						let decimal = Math.floor(remainder / 1000000);
						return quotient + '.' + decimal + '千万';
					} else if (num >= 10000) { // 如果是万
						let remainder = num % 10000;
						let quotient = Math.floor(num / 10000);
						let decimal = Math.floor(remainder / 1000);
						return quotient + '.' + decimal + '万';
					} else { // 小于万
						if (num) {
							return num.toString();
						} else {
							return 0
						}
					}
				};
			}

		},

		onPageScroll(ev) {


			if (ev.scrollTop > 10) {
				let opacity = ev.scrollTop / 140

				// this.opacityStyle = opacity > 1 ? 1 : opacity
				this.opacityStyle = 1
				this.hiddenModel = false
				// this.createdgetSystemInfo();

			} else {
				this.hiddenModel = true
			}
		},
		onShow() {
			this.systemFn()
			this.banner()
			this.tallySetFn()
			this.templateClassificat()
			this.banner()
			this.userInfos()
			this.clipSetFn()
			this.uploadSetFn()


		},
		methods: {
			async  clipSetFn(){
				const result = await this.$http.get({
					url: this.$api.clipSet,
				
				});
				if (result.errno == 0) {
					console.log(result.data)
				
					this.template_open=result.data.template_open
				
				
				
				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			onHandle(e) {
				this.isPrivacy = e;
			},


			async tallySetFn() {
				const result = await this.$http.get({
					url: this.$api.tallySet,

				});
				if (result.errno == 0) {
					console.log(result.data)

					uni.setStorageSync('tallySet', result.data);



				} else {
					this.$sun.toast(result.message, 'none')
				}
			},
			closeRouteLine() {
				this.$refs.routeLine.close()
			},
			returnHome(item) {
				this.$refs.routeLine.show({
					style: 'background-color:#fff;width:650rpx;border-radius: 10rpx 10rpx 0 0;',
					anim: 'center',
					position: 'center',
					shadeClose: false,
					rgba: 'rgba(50,50,50,.6)'
				});
				this.noticeObj = item

			},

			bananUrl(item) {
				console.log(item)
				if (item.type == 1) {
					this.$sun.navGo(item.url)
				} else {
					// 跳外包浏览器
					wx.navigateToMiniProgram({
						appId: item.appid, // 目标小程序的 AppID  
						path: item.url, // 目标小程序内的页面路径，可带参数  

						envVersion: 'release', // 打开正式版的小程序  
						success(res) {
							// 跳转成功的回调  
							console.log('跳转成功', res);
						},
						fail(err) {
							// 跳转失败的回调  
							console.error('跳转失败', err);
						}
					});
				}



			},

			async systemFn() {
				const result = await this.$http.get({
					url: this.$api.system
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.system = result.data
					// this.indexAdid = result.data.bar_app_id;
					// 系统设置:客服二维码
					// this.kfImg = systemInfo.kf_img;
					// this.distributionSet = systemInfo.distributionSet;

				}
				uni.setStorageSync('system', result.data);
			},
			onShareAppMessage(res) {
				console.log(res)
				if (res.from === 'button') {
					// 来自页面内分享按钮
					// this.addShare();

					return {
						// 自定义分享标题
						title: this.system.share_title ? this.system.share_title : '首页分享 ',
						imageUrl: this.system.share_pic,
						desc: this.system.share_desc ? this.system.share_desc : '首页分享',
						path: '/pages/index/index?pid=' + (uni.getStorageSync("uid") ? uni.getStorageSync("uid") : '')
					};
				} else {
					return {
						// 自定义分享标题
						title: this.system.share_title ? this.system.share_title : '首页分享 ',
						imageUrl: this.system.share_pic,
						desc: this.system.share_desc ? this.system.share_desc : '首页分享',
						path: '/pages/index/index?pid=' + (uni.getStorageSync("uid") ? uni.getStorageSync("uid") : '')
					};
				}


			},
			handleLogin() {
				if (uni.getStorageSync('uid')) {
					return true;
				} else {
					setTimeout(()=>{
						this.$sun.toast("请先授权登录");
					},500)
					uni.switchTab({
						url: `/pages/mine/mine`
					});
				}
			},

			async templateSet() {
				const result = await this.$http.get({
					url: this.$api.templateSet
				});
				if (result.errno == 0) {

					// this.indexAdid = result.data.bar_app_id;
					// 系统设置:客服二维码
					// this.kfImg = systemInfo.kf_img;
					// this.distributionSet = systemInfo.distributionSet;

					uni.setStorageSync('templateSet', result.data);
				}
			},

			sameStyle(item) {
				this.$sun.navGo('/pagesA/creatCenter/creativeList/templateDetail?obj=' + encodeURIComponent(JSON.stringify(
					item)))

			},
			async upCallback(scroll) {



				const result = await this.$http.post({
					url: this.$api.templateLevel,
					data: {



						classificationId: this.pid,


					}
				});
				if (result.errno == 0) {

					this.mescroll.endByPage(result.data.length, 10);
					if (scroll.num == 1) this.list = [];
					this.list = (result.data);
				}

			},
			async templateClassificat() {

				const result = await this.$http.get({
					url: this.$api.templateClassification,
					data: {

						// 上级id
						pid: 0,
						page: 0,
						limit: 40
						// pid: ''
					}
				});
				if (result.errno == 0) {
					console.log(result.data)
					this.tabs = result.data.map((item) => {
						return item.classificationName
					})
					this.tabs.unshift('全部')
					this.pid = 0

					this.classifyList = result.data

					console.log(this.tab)
					setTimeout(() => {
						this.cIndex = 0
					}, 300)

					this.$nextTick(() => {
						this.mescroll.resetUpScroll();
					});



				}

			},
			async userInfos() {
				const result = await this.$http.get({
					url: this.$api.userInfo,
					data: {
						// 用户id
						uid: uni.getStorageSync('uid'),
						// 上级id
						// pid: ''
					}
				});
				if (result.errno == 0) {
					uni.setStorageSync('user', result.data);


				}
			},
			async uploadSetFn(){
				const result = await this.$http.get({
					url: this.$api.uploadSet,
					
				});
				if (result.errno == 0) {
					
					console.log(result.data.upload_allow_size)
					uni.setStorageSync('upload_allow_size', result.data.upload_allow_size);
				
				
				}
			},
			async banner() {
				const result = await this.$http.get({
					url: this.$api.indexSet
				});
				if (result.errno == 0) {
					let systemInfo = result.data;


					this.carousel = systemInfo.banner;
					this.shareList = systemInfo.notice

					this.tabList = systemInfo.navigation.map((item) => {
						return {
							img: item.pic_url,
							text: item.name,
							url: item.url,
							appid: item.appid,
							type: item.type

						}
					})
					this.serviceList = systemInfo.service

					this.advertList = systemInfo.advert
					setTimeout(() => {
						this.loading = false
					}, 1000)

				}
			},
			
			createdgetSystemInfo() {
				let menuButtonObject = uni.getMenuButtonBoundingClientRect(); //获取菜单按钮（右上角胶囊按钮）的布局位置信息。坐标信息以屏幕左上角为原点。
				uni.getSystemInfo({
					//获取系统信息
					success: res => {
						let navHeight = menuButtonObject.height + (menuButtonObject.top - res
							.statusBarHeight) * 2; //导航栏高度=菜单按钮高度+（菜单按钮与顶部距离-状态栏高度）*2
						this.heightSystemss = navHeight;
						console.log(navHeight, '==========================')

					},
					fail(err) {
						console.log(err);
					}
				});
			},

			sortFn() {
				this.$sun.navGo('/pagesA/creatCenter/creativeList/creativeList')
			},
			helpCenter() {


				this.$sun.navGo('/pages/contactUs/helpCenter')
			},
			hotSellingFn(url) {

				if (this.handleLogin()) {
					this.$sun.navGo(url)
				}






			},
			keywordCreationFn(url) {

				if (this.handleLogin()) {
					this.$sun.navGo(url)
				}


			},



			gatherNav(url) {
				if (this.handleLogin()) {
					this.$sun.navGo(url)
				}

			},
			tabListCk(item) {
				console.log(item)
				if (item.type == 1) {
					if (item.url) {
						if(item.url=='/pages/digitalHuman/cloneList'||item.url=='/pages/digitalHuman/soundCloning'){
							this.$sun.navGo(item.url)
						}else{
							if (this.handleLogin()) {
								this.$sun.navGo(item.url)
							}
						}
						
					} else {
						this.$sun.toast('功能在开发中，敬请期待！')
					}
				} else {
					// 跳外包浏览器
					wx.navigateToMiniProgram({
						appId: item.appid, // 目标小程序的 AppID  
						path: item.url, // 目标小程序内的页面路径，可带参数  

						envVersion: 'release', // 打开正式版的小程序  
						success(res) {
							// 跳转成功的回调  
							console.log('跳转成功', res);
						},
						fail(err) {
							// 跳转失败的回调  
							console.error('跳转失败', err);
						}
					});

				}

			},
			changeTab(e) {
				console.log(e)
				if (e == 0) {
					this.pid = 0
				} else {
					this.pid = this.classifyList[e - 1].id
				}
				this.$nextTick(() => {
					this.mescroll.resetUpScroll();
				});
			},

			creativeListFn() {
				this.$sun.navGo(this.advertList[0].url)
			}

		}
	}
</script>

<style lang="less">
	.v-home-page {
		padding: 0 22rpx;
		background: linear-gradient(180.00deg, #C6D3FF, rgb(238, 240, 243) 15%, #f8f5fb 100%);

		.almost-lottery__rule {
			background-color: #fff;
			padding: 0 28rpx;
			color: #FFF8CB;

			.rule-head {
				display: flex;
				justify-content: space-around;
				align-items: center;
				padding-top: 20rpx;

				.line {
					flex: 1;
					height: 2rpx;
					background-color: #FFF3A5;
				}

				.title {
					width: 280rpx;
					color: #F63857;
					line-height: 70rpx;
					text-align: center;
					margin: 0 20rpx;
					border-radius: 8rpx;
					background-image: linear-gradient(0deg, rgba(255, 242, 158, 1), rgba(255, 244, 168, 1));
				}
			}


			.rule-body {
				color: #FFF8CB;
				font-size: 24rpx;
				padding: 10rpx 0 40rpx;

				.item {
					display: flex;
					margin-bottom: 10rpx;
				}

				.number {
					position: relative;
					top: 4rpx;
					width: 28rpx;
					height: 28rpx;
					line-height: 28rpx;
					text-align: center;
					color: #F63857;
					background: #FFF8CB;
					border-radius: 50%;
					margin-right: 10rpx;
				}

				.text {
					flex: 1;
				}

				.item-rule .text {
					display: flex;
					flex-direction: column;
				}
			}
		}

		.imgFont {
			width: 200rpx;
			height: 42rpx;
		}

		.i-cover {
			width: 710rpx;
			height: 280rpx;
			border-radius: 20rpx;
			// margin: 0 20rpx;
			margin-top: 40rpx;

		}

		.i-cover-img {
			width: 710rpx;
			height: 280rpx;
			border-radius: 20rpx;
		}

		.tabListClass {
			.imgTab {
				width: 92rpx;
				height: 92rpx;
			}

		}

		.classContianer {
			background-color: #fff;
			// margin: 30rpx 25rpx 0rpx;
			border-radius: 20rpx;
			padding-top: 25rpx;

			.v-class {
				width: calc(100% / 5);
				padding: 0rpx 0 25rpx;


				image {
					// margin-top: 48rpx;
					width: 92rpx;
					height: 92rpx;
				}

				text {
					font-size: 24rpx;
					color: #333333;
					margin-top: 24rpx;
				}
			}
		}

		.CreativeCenter {
			width: 734rpx;
			height: 227rpx;
			margin-left: -16rpx;
			padding: 20rpx 0 0rpx 0;
		}

		.utilities {
			margin-top: 30rpx;

			width: 704rpx;

			padding: 20rpx 20rpx 0 20rpx;
			background-color: #fff;
			border-radius: 20rpx;

			.group3141 {
				width: 320rpx;
				height: 323.96rpx;
			}

			.group3138 {
				width: 330rpx;
				height: 154.66rpx;
			}

			.group3139 {
				width: 330rpx;
				height: 154.66rpx;
			}
		}

		.templateCenter {
			// margin-right: 10rpx;
			margin-top: 25rpx;
		}

		.templateCenterImg {
			width: 340rpx;
			height: 520rpx;
			border-radius: 20rpx 20rpx 0rpx 0rpx;
		}

		.viewSearch {
			position: relative;

			.arrows {
				position: absolute;
				top: 0;
				z-index: 88;
			}

			.sameStyle {
				padding: 12rpx 30rpx;
				width: 346rpx;
				position: absolute;
				top: 90rpx;
				z-index: 88;


				.sameStyleBtn {
					width: 345rpx;
					height: 60.68rpx;
					border-radius: 12rpx;
					background: linear-gradient(90.00deg, rgb(99, 91, 252), rgb(61, 82, 251) 100%);
					color: #fff;
				}

			}

			.gradientImg {
				margin-left: -2rpx;
				margin-top: -40rpx;
				width: 344rpx;
				height: 228.2rpx;
				border-radius: 0rpx 0rpx 20rpx 20rpx;

			}

		}


		.tabsPosition {
			position: relative;

			.sortPosition {
				top: 14rpx;
				z-index: 9999;
				right: 0;
				// background-color: #e3edf5;
				position: absolute;
				padding: 0 20rpx;
				margin-top: 5rpx;
			}

		}

		#barTitle {
			position: fixed;
			width: 750rpx;
			top: 0;
			left: 0;
			background: #fff;
			color: #000000;
			text-align: center;
			font-weight: bold;
			z-index: 9999
		}

		#barTitle>text {
			position: absolute;
			left: 0;
			right: 0;
			bottom: 20rpx
		}

		.notice {
			margin-top: 30rpx;
			width: 704rpx;
			// height: 112rpx;
			border-radius: 20rpx;
			padding: 10rpx 20rpx;
			background: rgb(255, 255, 255);

			.noticeIcon {
				width: 46.48rpx;
				height: 43.54rpx;
			}

			.line {
				color: #F1F1F1;
				margin: 0 20rpx;
			}

			.return-index {



				image {

					height: 26rpx;
					margin-right: 8rpx;
				}

				view {
					color: #000000;
					font-size: 24rpx;
				}

				.swiper {
					// margin-bottom: 10rpx;
					border-radius: 30rpx;

					width: 503rpx;
					height: 76rpx;
					text-align: start;

				}

				.swiper-item {
					width: 0;

					.noticeImg {
						margin-right: 10rpx;
						height: 48rpx;
						width: 48rpx;
						border-radius: 50%;
					}

					// width: 373rpx;
					height: 76rpx;
					line-height: 76rpx;
					text-align: center;
				}

				.swiper-list {
					margin-top: 40rpx;
					margin-bottom: 0;
				}
			}
		}
	}
</style>